﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title</title>

    <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
    <link href="~/Content/assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <link href="~/Content/assets/css/custom-rtl.css" rel="stylesheet" />

    <link href="~/Content/assets/plugins/jquery-tags-input/jquery.tagsinput-rtl.css" rel="stylesheet" />
</head>
<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                @*<div style="color: white;">
                        عکس مورد علاقه تان را جستجو کنید
                    </div>*@
            </div>
            <div class="navbar-collapse collapse">
                <div class="row">
                    <div class="col-md-12">
                        <div class="col-md-9" style="margin-top: 1%;" >
                            <form action="/ImagePin/Search" method="get" id="serachForm">
                                <input type="text" name="q" id="searchBox" 
                                       class="form-control " placeholder="جستجو کنید!!!"
                                       />
                                <input type="submit" value="Go" />
                            </form>
                        </div>
                        <div class="col-md-3">
                            @Html.Partial("_LoginPartial")
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container body-content">
        @RenderBody()
        <hr />
        <footer>
            <p>&copy; @DateTime.Now.Year - My ASP.NET Application</p>
        </footer>
    </div>



    <script src="~/Content/assets/plugins/flot/jquery.min.js"></script>
    <script src="~/Content/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="~/Content/assets/plugins/jquery-tags-input/jquery.tagsinput.min.js"></script>

    <script>
        $('#searchBox').tagsInput();
        $('#serachForm').submit(function (e) {
            var value = $('#searchBox').val();
            alert(value);
            if (value == '')
                return false;
        })
    </script>
</body>
</html>
